<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>模拟表格</title>
</head>

<body>

  <style type="text/css" rel="stylesheet">
    .table {
      display: table;
      border: 1px solid #cccccc;
      margin: 5px;
      /*display: table时padding会失效*/
    }

    .row {
      display: table-row;
      border: 1px solid #cccccc;
      /*display: table-row时margin、padding同时失效*/
    }

    .cell {
      display: table-cell;
      border: 1px solid #cccccc;
      padding: 5px;
      /*display: table-cell时margin会失效*/
    }
  </style>
  <div class="table">
    <div class="row">
      <div class="cell">张三</div>
      <div class="cell">李四</div>
      <div class="cell">王五</div>
    </div>
    <div class="row">
      <div class="cell">张三</div>
      <div class="cell">李四</div>
      <div class="cell">王五</div>
    </div>
  </div>
</body>

</html>